/* =============================================================================
  An example of how stylize the tabs
============================================================================= */

.tabs {
  margin: 0px;
  // height:100%;
}


.tabs-navigation {
  padding: 0 0px;
  max-height: 50px;
  border-bottom: 1px solid #DDD;
}

.tabs-menu {
  display: table;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabs-menu-item {
  float: left;
}

.tabs-menu-item a {
  display: block;
  padding: 0 40px;
  height: 50px;
  line-height: 50px;
  border-bottom: 0;
  color: #A9A9A9;
  font-size: 16px;
}

.tabs-menu-item:not(.is-active) a:hover {
  color: #f4645f;
}

.tabs-menu-item.is-active a {
  background: #fff;
  border: 0px solid #DDD;
  border-bottom: 4px solid #f4645f;
  border-top: 0;
  color: #333 !important;
  font-size: 16px;
}

.tab-panel {
  height: 100%;
  padding: 5px 5px !important;
  margin: 0 0;
  // overflow: scroll;
}
